import '@unocss/reset/normalize.css'
import 'virtual:uno.css'
import './assets/main.css'
import { createApp } from 'vue'

import { createPinia } from 'pinia'
import App from './App.vue'
import router from './router'
import Vconsole from 'vconsole'
import { isPc } from './utils/helper'
import Vue3Lottie from 'vue3-lottie'

//如果不是生产环境并且不是pc设备那么就显示调试
if (import.meta.env.DEV && !isPc()) {
  new Vconsole()
}
const app = createApp(App)
// 设置为 true 可在浏览器 devtool 性能/时间线面板中启用组件初始化，编译，渲染和补丁性能跟踪。
// 仅在开发模式和支持 Performance.mark API的浏览器中工作。
// 可在 MDN 查找 Performance.mark 的兼容情况。
app.config.performance = true
app.use(createPinia())
app.use(router)
app.use(Vue3Lottie, { name: 'Vue3Lottie' })
app.mount('#app')
